<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // this指向
        //   普通函数     window
        //   对象函数     对象本身
        //   事件处理函数  事件源


        //  函数属于谁，this就指向谁
        //  遇到了函数  this指向就有可能发生改变


        // 作用域和异步
        //   for    forEach函数 i是局部变量


        // 伪数组转真数组
        //    有哪些伪数组    arguments  /  classList  /  NodeList  /   HTMLCollection
        //       控制台打印的时候   看一下  prototype 可以看到一个对象的所有方法

        //    伪数组转化为真数组
        //       Array.from()
        //       遍历 push到新数组


        // NodeList 和  HTMLCollection   深复制和浅复制


        // 运动
        //    匀速运动
        //    缓冲运动 (缓冲因子)



        // 无缝滚动
        //    ul在移动位置
        //    原理：把第一张图片复制到最后面
        //          播放完最后一张的时候(其实也是第一张),切换到真正的第一张(index  ul的位置)

        //    页面失去焦点的时候，页面资源跟不上  轮播图挂    window.onfocus   window.onblur 事件

        //    点击过快  flag   在move的时候不允许点击


    </script>

</body>

</html>